<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初始化 - 完成</title>
    <!-- redirect -->
    <meta http-equiv="refresh" content="5;url=/super_admin/login">
    <!-- Material Design fonts -->
    <!--<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">-->
    <!-- Admin LTE-->
    <link rel="stylesheet" href="/static/css/AdminLTE.min.css">
    <!--jquery-->
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="/static/css/ionicons.min.css">
    <!-- Bootstrap Material Design -->
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-material-design.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/ripples.min.css">
    <link rel="stylesheet" href="/static/css/skins/skin-blue.min.css">

    <script src="/static/js/material.min.js"></script>
    <script src="/static/js/ripples.min.js"></script>
    <script src="/static/js/vue.min.js"></script>

    <script>
        var AdminLTEOptions = {
            //Enable sidebar expand on hover effect for sidebar mini
            //This option is forced to true if both the fixed layout and sidebar mini
            //are used together
            sidebarExpandOnHover: true,
            //BoxRefresh Plugin
            enableBoxRefresh: true,
            //Bootstrap.js tooltip
            enableBSToppltip: true
        };

        $.material.init();

    </script>

    <style>
        #reg-box-msg{
            padding-bottom:0;
        }

        div.form-group{
            margin-top: 1em !important;
        }

        div.error-msg{
            padding: 8px 15px;
            margin-bottom:0;
        }

        div.login-box{
            width: 400px;
        }

        [v-clock]{
            display: none;
        }

        div.login-box{
            width:400px;
        }
    </style>
</head>

<body class="hold-transition login-page">
<div class="login-box">
  <div class="login-logo">
    <b>Obsidian</b> Panel
  </div>
  <!-- /.login-logo -->
  <div class="login-box-body">
      <hr>
    <p class="login-box-msg" id="reg-box-msg">
        很好，很清真。<br>
        <b><span id="time">5</span></b> 秒后将会跳转至登陆界面。
    </p>
      <hr>
  </div>
  <!-- /.login-box-body -->
</div>
<!-- /.login-box -->
</body>
<script>
    $.get("/startup/__reboot", function () {
        // I don't expect it return positive result
    });
    index = 5;
    setInterval(function () {
        index -= 1;
        if(index >= 0){
            $("#time").html(index);
        }
    },1000)
</script>
</html>
